<template>
  <div class="student-card">
    <h1>{{msg}}</h1>
   <h2>姓名：{{name}}</h2>
   <h2>年龄：{{age}}</h2>
   <h2>性别：{{sex}}</h2>
   <h1>学生卡信息：</h1>
   <h2>卡号：{{card.number}}</h2>
   <h2>余额：{{card.amount}}</h2>
   <h2>激活日期：{{card.regTime.toLocaleString()  }}</h2>
  </div>
</template>

<script>
export default {
  name:'ZjutStudent',
  //简单接收
  // props:['msg','name','age','sex']  
  
  //限制类型
    // props:{
    // msg:String,
    // age:Number,
    // name:String,
    // sex:String

    props:{
      name:{
        type:String,
        required:true
      },
      age:{
        type:Number,
        required:false,
        default:99 //默认值
      },
      msg:{
        type:String
      },
      sex:{
        type:String
      },
      card:{
        type:Object
      }

    }
  }

</script>

<style>
 .student-card{
    background-color: orange;
 }
</style>